yui-frameworks 入門 1-1: yui-frameworks について

yui-frameworks 入門 1-1: yui-frameworks について

Clock Icon2011.08.30

この記事は公開されてから1年以上経過しています。情報が古い可能性がありますので、ご注意ください。

yui-frameworksの目的は?

  1. Flex/AIRアプリケーション開発をシンプルかつ生産性を向上させるため
  2. 一定したコードの品質を保つため
  3. デザイナーとデベロッパーの分業のため
  4. デザインとロジックの分割のため
    • デザインとは、スタイル+スキン+エフェクト+レイアウト
    • ロジックとは、モデルロジック+ビューロジック+ビジネスロジック

yui-frameworksの機能は?

  1. 自動イベントハンドリング機能
    • 命名規則に従うことでイベントハンドルの登録と解除を行う
    • イベントハンドラの引数省略する
  2. インスタンス管理機能
    • 役割ごとの命名規則に従うことでインスタンス生成と管理を行う
    • View 役割 : 画面クラス
    • Helper 役割 : 画面に対する振る舞いのためのクラス
    • Action 役割 : 画面のイベント処理やデータ処理のためのクラス
    • Behavior 役割 : Actionから振る舞いごとに処理をグループ化したクラス
    • Command 役割 : データ処理をグループ化したクラス
  3. サービス機能
    • サービスの設定と呼び出しの簡素化
    • サービス呼び出しのレスポンダーを自動的に解決する
    • リモートとローカルの切り替えを容易にする

yui-frameworksの利点は?
命名規則に従うったデザインとロジックの分業を行うことで、デザイナーとプログラマが、互いに意識せずに開発が行えます。
分業することで、責任範囲を機能実装に専念して作業を行うことで開発効率が向上することができます。

また、命名規則に従うことで、コード削減されて、一定のコード品質を保つことができます。
コード削減することで、バグ発見や保守のコストも削減することできます。

今回はyui-frameworks について簡単にまとめてみました、次回はHelloWorldをyui-frameworksで作ってみましょう!

参考スライド
yuiでAIR 3.0をHACKせよ!の一日目で発表したスライド
yui-frameworksのコンセプトから、yui-frameworksの機能やルールについて説明しています。

Share this article

facebook logohatena logotwitter logo

© Classmethod, Inc. All rights reserved.